/* CSS file */

Application{
	padding-left : 0;
	padding-right : 0;
	padding-top : 0;
	padding-bottom : 0;
	font-size : 12;
	backgroundGradientColors: #eef6fc, #2486CE;	
}

ControlPanel{
	horizontal-align : center;
	vertical-gap : 10;
	padding-top : 0;
	border-style : solid;
	background-color : #FFFFFF;
	/*
	borderSkin: Embed(source="basic/sign_bg.png",
		scaleGridLeft=25,scaleGridTop=240,scaleGridRight=45, scaleGridBottom=250);
	*/	
}

HBox,VBox{
	horizontal-gap : 2;
	vertical-gap : 2;
}

TextInput {
	borderSkin: Embed(source="basic/TextInput/textInput_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=12, scaleGridBottom=12);
	border-style:none;
	color:#333333;
}

TitleBar{
	vertical-align : middle;
	border-style : solid;
	background-color : #CCCCCC;	
}


ToolTip {
	fontSize: 12;
	color : #FFFFFF;
	padding-left : 5;
	padding-right : 5;
	backgroundColor : #EE6B00;
	borderColor : #BFBFBF;
	borderThickness : 2;
	corner-radius : 5;
}

.bannerBg{
	padding-left : 20;
	padding-right : 20;
	padding-top : 5;
	borderSkin: Embed(source="basic/banner_bg.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=64, scaleGridBottom=78);
}

.countDownDetail{
	border-style : solid;
	background-color : #FFFFFF;
	horizontal-align : center;
	drop-shadow-enabled : true;
}

.countDownMore{
	color : #000000;
	border-style : solid;
	background-color : #FFFFFF;
	drop-shadow-enabled : true;
}

.mainToggleButtonBar 
{
	horizontal-gap : 5; 
	buttonStyleName: "normalToggleButtonBar"; 
	firstButtonStyleName: "normalToggleButtonBar"; 
	lastButtonStyleName: "normalToggleButtonBar";
    selectedButtonTextStyleName: "selectedToggleButtonBar";	
}


.normalToggleButtonBar 
{
	color: #FFFFFF;
	disabledSkin: Embed("basic/ToggleButtonBar/main_button_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=26);
	downSkin: Embed("basic/ToggleButtonBar/main_button_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=26);
	overSkin: Embed("basic/ToggleButtonBar/main_button_over.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=26);
	upSkin: Embed("basic/ToggleButtonBar/main_button_up.png",scaleGridTop="6",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=26);
	selectedDisabledSkin: Embed("basic/ToggleButtonBar/main_button_selected.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=36); 
	selectedDownSkin: Embed("basic/ToggleButtonBar/main_button_selected.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=36);
	selectedOverSkin: Embed("basic/ToggleButtonBar/main_button_selected.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=36);
	selectedUpSkin: Embed("basic/ToggleButtonBar/main_button_selected.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=62, scaleGridBottom=36);
}

.selectedToggleButtonBar {
   color: #000000;
}


.yearMonthToggleButtonBar 
{
	horizontal-gap : 0; 
	buttonStyleName: "yearMonthNormalToggleButtonBar"; 
	firstButtonStyleName: "yearMonthNormalToggleButtonBar"; 
	lastButtonStyleName: "yearMonthNormalToggleButtonBar";
    selectedButtonTextStyleName: "yearSelectedToggleButtonBar";	
}


.yearMonthNormalToggleButtonBar 
{
	color: #000000;
	text-roll-over-color : #FFFFFF;
	disabledSkin: Embed("basic/ToggleButtonBar/button_year_up.png");
	downSkin: Embed("basic/ToggleButtonBar/button_year_up.png");
	overSkin: Embed("basic/ToggleButtonBar/button_year_over.png");
	upSkin: Embed("basic/ToggleButtonBar/button_year_up.png");
	selectedDisabledSkin: Embed("basic/ToggleButtonBar/button_year_over.png"); 
	selectedDownSkin: Embed("basic/ToggleButtonBar/button_year_over.png");
	selectedOverSkin: Embed("basic/ToggleButtonBar/button_year_over.png");
	selectedUpSkin: Embed("basic/ToggleButtonBar/button_year_over.png");
}

.dayToggleButtonBar 
{
	horizontal-gap : 0; 
	buttonStyleName: "dayNormalToggleButtonBar"; 
	firstButtonStyleName: "dayNormalToggleButtonBar"; 
	lastButtonStyleName: "dayNormalToggleButtonBar";
    selectedButtonTextStyleName: "yearSelectedToggleButtonBar";	
}


.dayNormalToggleButtonBar 
{
	color: #000000;
	disabledSkin: Embed("basic/ToggleButtonBar/button_day_up.png");
	downSkin: Embed("basic/ToggleButtonBar/button_day_up.png");
	overSkin: Embed("basic/ToggleButtonBar/button_day_over.png");
	upSkin: Embed("basic/ToggleButtonBar/button_day_up.png");
	selectedDisabledSkin: Embed("basic/ToggleButtonBar/button_day_over.png"); 
	selectedDownSkin: Embed("basic/ToggleButtonBar/button_day_over.png");
	selectedOverSkin: Embed("basic/ToggleButtonBar/button_day_over.png");
	selectedUpSkin: Embed("basic/ToggleButtonBar/button_day_over.png");
}

.yearSelectedToggleButtonBar {
   color: #FFFFFF;
}


.padding0{
	padding-left : 0;
	padding-top : 0;
	padding-right : 0;
	padding-bottom : 0;	
}

.padding5,.countDownDetail,.countDownMore{
	padding-left : 5;
	padding-top : 5;
	padding-right : 5;
	padding-bottom : 5;	
}

.padding10{
	padding-left : 10;
	padding-top : 10;
	padding-right : 10;
	padding-bottom : 10;	
}

.timeComboBox{
	upSkin: Embed(source="basic/TextInput/textInput_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=12, scaleGridBottom=12);
	overSkin : Embed("basic/TextInput/textInput_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=12, scaleGridBottom=12);
	downSkin : Embed("basic/TextInput/textInput_up.png",
		scaleGridLeft=4,scaleGridTop=4,scaleGridRight=12, scaleGridBottom=12);
    disabledSkin : Embed("basic/TextInput/textInput_up.png",
    	scaleGridLeft=4,scaleGridTop=4,scaleGridRight=12, scaleGridBottom=12);

	textInputStyleName : "null";
	textAlign : "center";
	arrowButtonWidth : 0;
}

.thumb{
	padding-left : 5;
	padding-top : 5;
	padding-bottom : 5;
	padding-right : 5;	
	vertical-gap : 2;
	border-style : solid;
	background-color : #FFFFFF;
	background-alpha : 0.2;
}

/*
	以下部分为图标
*/

.buttonKanKan{
	upSkin: Embed("basic/Button/button_kankan_up.png");
	overSkin: Embed("basic/Button/button_kankan_over.png");
	downSkin: Embed("basic/Button/button_kankan_down.png");
}

.buttonDeploy{
	upSkin: Embed("basic/Button/button_deploy_up.png");
	overSkin: Embed("basic/Button/button_deploy_over.png");
	downSkin: Embed("basic/Button/button_deploy_up.png");
}

.buttonSign{
	upSkin: Embed("basic/Button/button_sign_up.png");
	overSkin: Embed("basic/Button/button_sign_over.png");
	downSkin: Embed("basic/Button/button_sign_up.png");
}

.comment{
	icon : 	Embed("basic/comment.png");
}

.cursor{
	icon : 	Embed("basic/cursor.png");
}

.go{
	icon : 	Embed("basic/go.png");
}

.logo{
	icon : Embed("basic/logo.png");	
}

